<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>新增推送消息</title>
		<link rel="stylesheet" type="text/css" href="../../css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/base.css" />
		<link rel="stylesheet" type="text/css" href="../../css/newBuild.css" />
		<link rel="stylesheet" type="text/css" href="../../css/tuisong/newPush.css" />
		<script type="text/javascript" charset="utf-8" src="../../uEditor/ueditor.config.js"></script>
    	<script type="text/javascript" charset="utf-8" src="../../uEditor/ueditor.all.js"> </script>
	</head>
	<body>
		<div class="wrapper clearfix">
			<div class="sideBar"></div>
			<div class="main">
				<h1 class="title"><a href="#">推送管理</a>新增推送消息</h1>
				<div class="titleNext">
					<h1>消息名称：</h1>
					<input type="text" placeholder="请输入推送消息名称" />
					<p>! 不超过30字符</p>
				</div>
				<div class="titleNext clearfix">
					<h1>选择分类：</h1>
					<select>
						<option value="系统消息">系统消息</option>
					</select>
				</div>
				<div class="titleCon">
					<h1>资讯正文：</h1>
					<div class="titleMain">
						<script id="editor" name="editor" type="text/plain"></script>
					</div>
				</div>
				<div class="titleNext titleLun clearfix">
					<h1>选择链接：</h1>
					<div class="copySelect">
						<div class="titleAlert">选择本站资讯</div>
						<div class="hideSelect">
							<div class="tabNav">
								<ul class="clearfix">
									<li class="navCurrent" onclick="tab('tab0')" id="nav0">医生</li>
									<li onclick="tab('tab1')" id="nav1">科室</li>
									<li onclick="tab('tab2')" id="nav2">资讯</li>
								</ul>
							</div>
							<div class="hideTop">
								<input type="text" placeholder="请输入资讯名称"  class="inputSize"/>
								<button class="btn1">搜索</button>
							</div>
							<div class="hideTable" id="tab0" style="display:block;">
								<table class="table table-striped">
								<thead>
									<tr>
										<th>ID</th>
										<th>资讯名称</th>
										<th> </th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>10</td>
										<td>资讯名称资讯名称资讯名称资讯名称</td>
										<td class="change"><img src="../../img/none.png" /></td>
									</tr>
									<tr>
										<td>10</td>
										<td>资讯名称资讯名称资讯名称资讯名称</td>
										<td class="change"><img src="../../img/none.png" /></td>
									</tr>
									<tr>
										<td>10</td>
										<td>资讯名称资讯名称资讯名称资讯名称</td>
										<td class="change"><img src="../../img/none.png" /></td>
									</tr>
									<tr>
										<td>10</td>
										<td>资讯名称资讯名称资讯名称资讯名称</td>
										<td class="change"><img src="../../img/none.png" /></td>
									</tr>
								</tbody>
							</table>
							</div>
							
							<div class="hideTable" id="tab1" style="display:none;">
								<table class="table table-striped">
								<thead>
									<tr>
										<th>ID</th>
										<th>资讯名称</th>
										<th> </th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>10</td>
										<td>资讯名称资讯名称资讯名称资讯名称</td>
										<td class="change"><img src="../../img/none.png" /></td>
									</tr>
									<tr>
										<td>10</td>
										<td>资讯名称资讯名称资讯名称资讯名称</td>
										<td class="change"><img src="../../img/none.png" /></td>
									</tr>
									<tr>
										<td>10</td>
										<td>资讯名称资讯名称资讯名称资讯名称</td>
										<td class="change"><img src="../../img/none.png" /></td>
									</tr>
									<tr>
										<td>10</td>
										<td>资讯名称资讯名称资讯名称资讯名称</td>
										<td class="change"><img src="../../img/none.png" /></td>
									</tr>
								</tbody>
							</table>
							</div>
							
							<div class="hideTable" id="tab2" style="display:none;">
								<table class="table table-striped">
								<thead>
									<tr>
										<th>ID</th>
										<th>资讯名称</th>
										<th> </th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>10</td>
										<td>资讯名称资讯名称资讯名称资讯名称</td>
										<td class="change"><img src="../../img/none.png" /></td>
									</tr>
									<tr>
										<td>10</td>
										<td>资讯名称资讯名称资讯名称资讯名称</td>
										<td class="change"><img src="../../img/none.png" /></td>
									</tr>
									<tr>
										<td>10</td>
										<td>资讯名称资讯名称资讯名称资讯名称</td>
										<td class="change"><img src="../../img/none.png" /></td>
									</tr>
									<tr>
										<td>10</td>
										<td>资讯名称资讯名称资讯名称资讯名称</td>
										<td class="change"><img src="../../img/none.png" /></td>
									</tr>
								</tbody>
							</table>
							</div>
							
						</div>
					</div>
				</div>
				
				<div class="titleBtn">
					<button class="btnAdd">发布</button>
					<button>取消</button>
				</div>
			</div>
		</div>
	</body>
</html>
<script type="text/javascript" src="../../js/jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="../../js/bootstrap.min.js"></script>
<script type="text/javascript" src="../../js/loadHtml.js"></script>
<script type="text/javascript">
	var ue = UE.getEditor('editor');
	elementPathEnabled:false;
	enableAutoSave:false;
	autosave:false;
    ue.ready(function() {
    	ue.setHeight(220);
    	var html = ue.getContent();
    	console.log(html);
    });
    
    function tab(pid) {
	var tabs = ["tab0", "tab1","tab2"];
	for (var i = 0; i < 5; i++) {
		if (tabs[i] == pid) {
			document.getElementById("nav" + i).className = "navCurrent";
			document.getElementById(tabs[i]).style.display = "block";
		} else {
			document.getElementById("nav" + i).className = "";
			document.getElementById(tabs[i]).style.display = "none";
			}
		}
	}

    $(function(){
		$('.imgEmpty').hover(function(){
			$('.imgEmpty button').show();
		},function(){
			$('.imgEmpty button').hide();
		});
		
		$('.change').click(function(){
			$(this).children('img').attr({'src':'../../img/none1.png'});
		});
		
		$('.titleAlert').click(function(){
			$('.hideSelect').toggle();
		});
		
		
	});
</script>